import styles from './login.module.scss';

import Button from '../../components/button/button';
import { Link } from 'react-router-dom';
export const Login = () => {
	return (
		<div>
			<h2>Вход</h2>
			{/* {error && <p style={{ color: 'red' }}>{error}</p>} */}
			<form className={styles.form}>
				<div className={styles.input}>
					<label htmlFor='email'>Email</label>
					{/* <Input name='email' id='email' placeholder='Введите email' /> */}
				</div>
				<div className={styles.input}>
					<label htmlFor='password'>Пароль</label>
					{/* <Input name='password' id='password' type='password' placeholder='Введите пароль' /> */}
				</div>
				<Button appearance='big'>Вход</Button>
			</form>
			<div className={styles.navigation}>
				<div>
          Еще нет аккаунта?{' '}
					<Link
						style={{ color: '#ffa600' }}
						className={styles.href}
						to="/auth/register"
					>
            Регистрация
					</Link>
				</div>
				<div>
					<Link
						style={{ color: '#ffa600' }}
						className={styles.href}
						to="/"
					>
            На главную
					</Link>
				</div>
			</div>
		</div>
	);
};
